*, *:after, *:before {
  box-sizing: border-box;
}

.media {
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.media__image {
  display: block;
}

.media__body {
  background: rgba(41, 128, 185, 0.7);
  bottom: 0;
  color: white;
  font-size: 1em;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 3.75em 3em;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.media__body:hover {
  opacity: 1;
}
.media__body:after, .media__body:before {
  border: 1px solid rgba(255, 255, 255, 0.7);
  bottom: 1em;
  content: '';
  left: 1em;
  opacity: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}
.media__body:before {
  border-bottom: none;
  border-top: none;
  left: 2em;
  right: 2em;
}
.media__body:after {
  border-left: none;
  border-right: none;
  bottom: 2em;
  top: 2em;
}
.media__body:hover:after, .media__body:hover:before {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.media__body h2 {
  margin-top: 0;
}

.media__body p {
  margin-bottom: 1.5em;
}

.media:nth-child(2) .media__body {
  background: rgba(146, 41, 185, 0.7);
}

.media:nth-child(3) .media__body {
  background: rgba(185, 41, 128, 0.7);
}

.media:nth-child(4) .media__body {
  background: rgba(185, 50, 41, 0.7);
}

.media:nth-child(5) .media__body {
  background: rgba(185, 146, 41, 0.7);
}

.media:nth-child(6) .media__body {
  background: rgba(128, 185, 41, 0.7);
}
.sim-anim-1{
	position: relative;
	}
.sim-anim-1 img{
	position: absolute;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}	
.sim-anim-1:hover img{
	z-index: 1;
	}		
.sim-anim-1:hover img:nth-child(1){
	 -ms-transform: rotate(10deg); 
    -webkit-transform: rotate(10deg); 
    transform: rotate(10deg);
	}
.sim-anim-1:hover img:nth-child(2){
	 -ms-transform: rotate(-10deg); 
    -webkit-transform: rotate(-10deg); 
    transform: rotate(-10deg);
	}
.sim-anim-1:hover img:nth-child(3){
	-ms-transform: rotate(20deg); 
    -webkit-transform: rotate(20deg); 
    transform: rotate(20deg);
	}	
.sim-anim-1:hover img:nth-child(4){
	 -ms-transform: rotate(-20deg); 
    -webkit-transform: rotate(-20deg); 
    transform: rotate(-20deg);
	}
.sim-anim-1:hover img:nth-child(5){
	 -ms-transform: rotate(30deg); 
    -webkit-transform: rotate(30deg); 
    transform: rotate(30deg);
	}
.sim-anim-1:hover img:nth-child(6){
	 -ms-transform: rotate(-30deg); 
    -webkit-transform: rotate(-30deg); 
    transform: rotate(-30deg);
	}
.sim-anim-1:hover img:nth-child(7){
    -ms-transform: scale(0.9,0.9); 
    -webkit-transform: scale(0.9,0.9); 
    transform: scale(0.9,0.9); 
	}	
	
	
.sim-anim-2{
	position: relative;
	}	
.sim-anim-2 img{
	position: absolute;
		-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}
.sim-anim-2:hover img{
	z-index: 1;
	}			
.sim-anim-2:hover img:nth-child(1){
    -ms-transform: translate(-40%,-80%) rotate(-40deg); 
   	-webkit-transform: translate(-40%,-80%)  rotate(-40deg); 
    transform: translate(-40%,-80%)  rotate(-40deg);
	}
.sim-anim-2:hover img:nth-child(2){
    -ms-transform: translate(-30%,-60%) rotate(-30deg); 
   	-webkit-transform: translate(-30%,-60%)  rotate(-30deg); 
    transform: translate(-30%,-60%)  rotate(-30deg);
	}	
.sim-anim-2:hover img:nth-child(3){
    -ms-transform: translate(-20%,-40%) rotate(-20deg); 
   	-webkit-transform: translate(-20%,-40%)  rotate(-20deg); 
    transform: translate(-20%,-40%)  rotate(-20deg);
	}		
.sim-anim-2:hover img:nth-child(4){
    -ms-transform: translate(-10%,-20%) rotate(-10deg); 
   	-webkit-transform: translate(-10%,-20%)  rotate(-10deg); 
    transform: translate(-10%,-20%)  rotate(-10deg);
	}
.sim-anim-2:hover img:nth-child(5){
  	-ms-transform: scale(1.1,1.1) rotate(-5deg); 
    -webkit-transform: scale(1.1,1.1) rotate(-5deg); 
    transform: scale(1.1,1.1) rotate(-5deg);
	}
	
	
.sim-anim-3{
	position: relative;
	}	
.sim-anim-3 img{
	position: absolute;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}
.sim-anim-3:hover img{
	z-index: 1;
	}		
.sim-anim-3:hover img:nth-child(1){
    -ms-transform: translate(40%,80%) rotate(-40deg); 
   	-webkit-transform: translate(40%,80%) rotate(-40deg); 
    transform: translate(40%,80%) rotate(-40deg); 
	}
.sim-anim-3:hover img:nth-child(2){
    -ms-transform: translate(30%,60%)  rotate(-30deg);
   	-webkit-transform: translate(30%,60%)  rotate(-30deg);
    transform: translate(30%,60%)  rotate(-30deg);
	}	
.sim-anim-3:hover img:nth-child(3){
    -ms-transform: translate(20%,40%) rotate(-20deg); 
   	-webkit-transform: translate(20%,40%)  rotate(-20deg); 
    transform: translate(20%,40%)  rotate(-20deg);
	}		
.sim-anim-3:hover img:nth-child(4){
    -ms-transform: translate(10%,20%) rotate(-10deg); 
   	-webkit-transform: translate(10%,20%)  rotate(-10deg); 
    transform: translate(10%,20%)  rotate(-10deg);
	}
.sim-anim-3:hover img:nth-child(5){
    -ms-transform: translate(40%,-80%) rotate(40deg); 
   	-webkit-transform: translate(40%,-80%) rotate(40deg); 
    transform: translate(40%,-80%) rotate(40deg); 
	}
.sim-anim-3:hover img:nth-child(6){
    -ms-transform: translate(30%,-60%)  rotate(30deg);
   	-webkit-transform: translate(30%,-60%)  rotate(30deg);
    transform: translate(30%,-60%)  rotate(30deg);
	}	
.sim-anim-3:hover img:nth-child(7){
    -ms-transform: translate(20%,-40%) rotate(20deg); 
   	-webkit-transform: translate(20%,-40%)  rotate(20deg); 
    transform: translate(20%,-40%)  rotate(20deg);
	}		
.sim-anim-3:hover img:nth-child(8){
    -ms-transform: translate(10%,-20%) rotate(10deg); 
   	-webkit-transform: translate(10%,-20%)  rotate(10deg); 
    transform: translate(10%,-20%)  rotate(10deg);
	}	
.sim-anim-3:hover img:nth-child(9){
  	-ms-transform: scale(1.1,1.1) ; 
    -webkit-transform: scale(1.1,1.1) ; 
    transform: scale(1.1,1.1) ;
	}	




.sim-anim-4{
	position: relative;
	}	
.sim-anim-4 img{
	position: absolute;
		-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}
.sim-anim-4:hover img{
	z-index: 1;
	}
.sim-anim-4:hover img:nth-child(1){
    -ms-transform: translate(-80%,-160%) rotate(-80deg) scale(0.3,0.3);
   	-webkit-transform: translate(-80%,-160%)  rotate(-80deg) scale(0.3,0.3);
    transform: translate(-80%,-160%)  rotate(-80deg) scale(0.3,0.3);
	}	
.sim-anim-4:hover img:nth-child(2){
    -ms-transform: translate(-70%,-140%) rotate(-70deg) scale(0.4,0.4);
   	-webkit-transform: translate(-70%,-140%)  rotate(-70deg) scale(0.4,0.4);
    transform: translate(-70%,-140%)  rotate(-70deg) scale(0.4,0.4);
	}		
.sim-anim-4:hover img:nth-child(3){
    -ms-transform: translate(-60%,-120%) rotate(-60deg)  scale(0.5,0.5); 
   	-webkit-transform: translate(-60%,-120%)  rotate(-60deg)  scale(0.5,0.5); 
    transform: translate(-60%,-120%)  rotate(-60deg)  scale(0.5,0.5); 
	}	
.sim-anim-4:hover img:nth-child(4){
    -ms-transform: translate(-50%,-100%) rotate(-50deg)  scale(0.6,0.6); 
   	-webkit-transform: translate(-50%,-100%)  rotate(-50deg)  scale(0.6,0.6); 
    transform: translate(-50%,-100%)  rotate(-50deg)  scale(0.6,0.6); 
	}			
.sim-anim-4:hover img:nth-child(5){
    -ms-transform: translate(-40%,-80%) rotate(-40deg) scale(0.7,0.7); 
   	-webkit-transform: translate(-40%,-80%)  rotate(-40deg) scale(0.7,0.7); 
    transform: translate(-40%,-80%)  rotate(-40deg) scale(0.7,0.7); 
	}
.sim-anim-4:hover img:nth-child(6){
    -ms-transform: translate(-30%,-60%) rotate(-30deg) scale(0.8,0.8);  
   	-webkit-transform: translate(-30%,-60%)  rotate(-30deg) scale(0.8,0.8); 
    transform: translate(-30%,-60%)  rotate(-30deg) scale(0.8,0.8); 
	}	
.sim-anim-4:hover img:nth-child(7){
    -ms-transform: translate(-20%,-40%) rotate(-20deg) scale(0.9,0.9); 
   	-webkit-transform: translate(-20%,-40%)  rotate(-20deg) scale(0.9,0.9);  
    transform: translate(-20%,-40%)  rotate(-20deg) scale(0.9,0.9); 
	}		
.sim-anim-4:hover img:nth-child(8){
    -ms-transform: translate(-10%,-20%) rotate(-10deg); 
   	-webkit-transform: translate(-10%,-20%)  rotate(-10deg); 
    transform: translate(-10%,-20%)  rotate(-10deg);
	}
.sim-anim-4:hover img:nth-child(9){
  	-ms-transform: scale(1.1,1.1) ; 
    -webkit-transform: scale(1.1,1.1) ; 
    transform: scale(1.1,1.1) ;
	}



.sim-anim-5{
	position: relative;
	}	
.sim-anim-5 img{
	position: absolute;
		-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}	
.sim-anim-5:hover img{
	z-index: 1;
	}	
.sim-anim-5:hover img:nth-child(1){
    -ms-transform: translate(0,50%) rotate(-20deg); 
   	-webkit-transform: translate(0,50%) rotate(-20deg); 
    transform: translate(0,50%) rotate(-20deg);
	}
	
.sim-anim-5:hover img:nth-child(2){
    -ms-transform: translate(50%,0) rotate(-20deg); 
   	-webkit-transform: translate(50%,0) rotate(-20deg); 
    transform: translate(50%,0) rotate(-20deg);
	}
.sim-anim-5:hover img:nth-child(3){
    -ms-transform: translate(0,-50%)  rotate(-20deg); 
   	-webkit-transform: translate(0,-50%)  rotate(-20deg); 
    transform: translate(0,-50%)  rotate(-20deg);
	}	
.sim-anim-5:hover img:nth-child(4){
    -ms-transform: translate(-50%,0)  rotate(-20deg); 
   	-webkit-transform: translate(-50%,0)  rotate(-20deg); 
    transform: translate(-50%,0)  rotate(-20deg);
	}
.sim-anim-5:hover img:nth-child(5){
	    -ms-transform: scale(1.1,1.1) rotate(-20deg);
    -webkit-transform: scale(1.1,1.1) rotate(-20deg);
    transform: scale(1.1,1.1) rotate(-20deg);
	}	
	
	
	
.sim-anim-6{
	position: relative;

	}	
.sim-anim-6 img{
	position: absolute;
	-webkit-transition: all 0.5s ;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}
.sim-anim-6:hover img{
	z-index: 1;
	}		
.sim-anim-6:hover img:nth-child(1){
    -ms-transform:translate(-20%,-85%) scale(0.8,0.8) rotate(-20deg); 
   	-webkit-transform: translate(-20%,-85%) scale(0.8,0.8) rotate(-20deg); 
    transform: translate(-20%,-85%) scale(0.8,0.8) rotate(-20deg); 
	}		
.sim-anim-6:hover img:nth-child(2){
    -ms-transform:translate(-80%,45%) scale(0.8,0.8) rotate(-20deg); 
   	-webkit-transform: translate(-80%,45%) scale(0.8,0.8) rotate(-20deg); 
    transform: translate(-80%,45%) scale(0.8,0.8) rotate(-20deg);
	}		
.sim-anim-6:hover img:nth-child(3){
    -ms-transform:translate(20%,85%) scale(0.8,0.8) rotate(-20deg); 
   	-webkit-transform: translate(20%,85%) scale(0.8,0.8) rotate(-20deg); 
    transform: translate(20%,85%) scale(0.8,0.8) rotate(-20deg);	
	}		
.sim-anim-6:hover img:nth-child(4){
    -ms-transform: translate(80%,-45%) scale(0.8,0.8) rotate(-20deg); 
   	-webkit-transform: translate(80%,-45%) scale(0.8,0.8) rotate(-20deg); 
    transform: translate(80%,-45%) scale(0.8,0.8) rotate(-20deg); 
	}	
.sim-anim-6:hover img:nth-child(5){
    -ms-transform:translate(-100%,-40%) scale(0.8,0.8) rotate(-20deg); 
   	-webkit-transform: translate(-100%,-40%) scale(0.8,0.8) rotate(-20deg); 
    transform: translate(-100%,-40%) scale(0.8,0.8) rotate(-20deg);
	}
.sim-anim-6:hover img:nth-child(6){
    -ms-transform:translate(100%,40%) scale(0.8,0.8) rotate(-20deg); 
   	-webkit-transform: translate(100%,40%) scale(0.8,0.8) rotate(-20deg); 
    transform: translate(100%,40%) scale(0.8,0.8) rotate(-20deg);
	}
.sim-anim-6:hover img:nth-child(7){
    -ms-transform:translate(60%,-130%) scale(0.8,0.8) rotate(-20deg); 
   	-webkit-transform: translate(60%,-130%) scale(0.8,0.8) rotate(-20deg); 
    transform: translate(60%,-130%) scale(0.8,0.8) rotate(-20deg);
	}
.sim-anim-6:hover img:nth-child(8){
    -ms-transform:translate(-60%,130%) scale(0.8,0.8) rotate(-20deg); 
   	-webkit-transform: translate(-60%,130%) scale(0.8,0.8) rotate(-20deg); 
    transform: translate(-60%,130%) scale(0.8,0.8) rotate(-20deg);
	}	
.sim-anim-6:hover img:nth-child(9){
     -ms-transform: scale(1.2,1.2) rotate(-20deg); 
   	-webkit-transform: scale(1.2,1.2) rotate(-20deg); 
    transform: scale(1.2,1.2) rotate(-20deg);
	}			
	

.sim-anim-7{
	position: relative;
	height:270px;
	}	
.sim-anim-7 img{
	position: absolute;
	-webkit-transition: all 0.5s ;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}
.sim-anim-7:hover img{
	z-index: 1;
	}
.sim-anim-7:hover img:nth-child(1){
    -ms-transform: translate(0,-50%) scale(0.3,0.3); 
   	-webkit-transform: translate(0,-50%) scale(0.3,0.3); 
    transform: translate(0,-50%) scale(0.3,0.3); 
	}			
.sim-anim-7:hover img:nth-child(2){
    -ms-transform: translate(0,-35%) scale(0.5,0.5);
   	-webkit-transform: translate(0,-35%) scale(0.5,0.5);
    transform: translate(0,-35%) scale(0.5,0.5); 
	}		
.sim-anim-7:hover img:nth-child(3){
    -ms-transform: translate(0,-20%) scale(0.7,0.7); 
   	-webkit-transform: translate(0,-20%) scale(0.7,0.7); 
	transform: translate(0,-20%) scale(0.7,0.7); 
	}			
.sim-anim-7:hover img:nth-child(4){
	-ms-transform: translate(0,-5%) scale(0.9,0.9); 
   	-webkit-transform: translate(0,-5%) scale(0.9,0.9); 
	transform: translate(0,-5%) scale(0.9,0.9); 
	}		

	
	
.sim-anim-8{
	position: relative;
	}	
.sim-anim-8 img{
	position: absolute;
	-webkit-transition: all 0.5s ;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}
.sim-anim-8:hover img{
	z-index: 1;
	}
.sim-anim-8:hover img:nth-child(1){
    -ms-transform: translate(20%,-80%) scale(0.2,0.2) rotate(-80deg); 
   	-webkit-transform: translate(20%,-80%) scale(0.4,0.2) rotate(-80deg); 
    transform: translate(20%,-80%) scale(0.2,0.2) rotate(-80deg); 
	}	
.sim-anim-8:hover img:nth-child(2){
    -ms-transform: translate(30%,-60%) scale(0.4,0.4) rotate(-60deg); 
   	-webkit-transform: translate(30%,-60%) scale(0.4,0.4) rotate(-60deg); 
    transform: translate(30%,-60%) scale(0.4,0.4) rotate(-60deg); 
	}		
.sim-anim-8:hover img:nth-child(3){
    -ms-transform: translate(40%,-40%) scale(0.6,0.6) rotate(-40deg); 
   	-webkit-transform: translate(40%,-40%) scale(0.6,0.6) rotate(-40deg);  
    transform: translate(40%,-40%) scale(0.6,0.6) rotate(-40deg); 
	}	
.sim-anim-8:hover img:nth-child(4){
    -ms-transform:translate(50%,-20%) scale(0.8,0.8) rotate(-20deg); 
   	-webkit-transform: translate(50%,-20%) scale(0.8,0.8)rotate(-20deg); 
    transform: translate(50%,-20%) scale(0.8,0.8) rotate(-20deg); 
	}
.sim-anim-8:hover img:nth-child(5){
    -ms-transform: translate(-20%,-80%) scale(0.2,0.2) rotate(80deg); 
   	-webkit-transform: translate(-20%,-80%) scale(0.4,0.2) rotate(80deg); 
    transform: translate(-20%,-80%) scale(0.2,0.2) rotate(80deg); 
	}			
.sim-anim-8:hover img:nth-child(6){
    -ms-transform: translate(-30%,-60%) scale(0.4,0.4) rotate(60deg); 
   	-webkit-transform: translate(-30%,-60%) scale(0.4,0.4) rotate(60deg); 
    transform: translate(-30%,-60%) scale(0.4,0.4) rotate(60deg); 
	}			
.sim-anim-8:hover img:nth-child(7){
    -ms-transform: translate(-40%,-40%) scale(0.6,0.6) rotate(40deg); 
   	-webkit-transform: translate(-40%,-40%) scale(0.6,0.6) rotate(40deg);  
    transform: translate(-40%,-40%) scale(0.6,0.6) rotate(40deg); 
	}		
.sim-anim-8:hover img:nth-child(8){
    -ms-transform:translate(-50%,-20%) scale(0.8,0.8) rotate(20deg); 
   	-webkit-transform: translate(-50%,-20%) scale(0.8,0.8) rotate(20deg); 
    transform: translate(-50%,-20%) scale(0.8,0.8) rotate(20deg); 
	}		
.sim-anim-8:hover img:nth-child(9){
 -ms-transform: translate(0,20%) scale(1.1,1.1); 
   	-webkit-transform: translate(0,20%) scale(1.1,1.1);  
    transform: translate(0,20%) scale(1.1,1.1);  
	}		
	
	
	
.sim-anim-9{
	position: relative;
	-webkit-perspective: 500px; /* Chrome, Safari, Opera */
    perspective: 500px;
	
	}	
.sim-anim-9 img{
	position: absolute;
	-webkit-transition: all 0.5s ;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}
.sim-anim-9:hover img{
	z-index: 1;
	}
.sim-anim-9:hover img:nth-child(1){
     -ms-transform: translate(0,75%) scale(0.7,0.7) rotateX(10deg);
   	-webkit-transform: translate(0,75%)  scale(0.7,0.7) rotateX(10deg);  
    transform: translate(0,75%)  scale(0.7,0.7) rotateX(10deg);
	
	}	
.sim-anim-9:hover img:nth-child(2){
     -ms-transform: translate(72%,75%) scale(0.7,0.7) rotateX(10deg);
   	-webkit-transform: translate(72%,75%)  scale(0.7,0.7) rotateX(10deg);  
    transform: translate(72%,75%)  scale(0.7,0.7) rotateX(10deg);
	}		
.sim-anim-9:hover img:nth-child(3){
     -ms-transform: translate(-72%,75%) scale(0.7,0.7) rotateX(10deg);
   	-webkit-transform: translate(-72%,75%)  scale(0.7,0.7) rotateX(10deg);  
    transform: translate(-72%,75%)  scale(0.7,0.7) rotateX(10deg);

	}	
.sim-anim-9:hover img:nth-child(4){
    -ms-transform: translate(-72%,0) scale(0.7,0.7) rotateX(10deg);
   	-webkit-transform: translate(-72%,0)  scale(0.7,0.7) rotateX(10deg);  
    transform: translate(-72%,0)  scale(0.7,0.7) rotateX(10deg); 
	  
	}		
.sim-anim-9:hover img:nth-child(5){
    -ms-transform: translate(72%,0) scale(0.7,0.7) rotateX(10deg);
   	-webkit-transform: translate(72%,0)  scale(0.7,0.7) rotateX(10deg);  
    transform: translate(72%,0)  scale(0.7,0.7) rotateX(10deg);
 
	}	
.sim-anim-9:hover img:nth-child(6){
    -ms-transform: translate(72%,-70%) scale(0.7,0.7) rotateX(10deg);
   	-webkit-transform: translate(72%,-70%)  scale(0.7,0.7) rotateX(10deg);  
    transform: translate(72%,-70%)  scale(0.7,0.7) rotateX(10deg); 
	
	}	
.sim-anim-9:hover img:nth-child(7){
    -ms-transform: translate(-72%,-70%)  scale(0.7,0.7) rotateX(10deg);  
   	-webkit-transform: translate(-72%,-70%)  scale(0.7,0.7) rotateX(10deg);  
    transform: translate(-72%,-70%)  scale(0.7,0.7) rotateX(10deg); 
	
	}		
.sim-anim-9:hover img:nth-child(8){
    -ms-transform: translate(0,-70%) scale(0.7,0.7) rotateX(10deg); 
   	-webkit-transform: translate(0,-70%) scale(0.7,0.7) rotateX(10deg);
    transform: translate(0,-70%) scale(0.7,0.7) rotateX(10deg);
 
	}	
.sim-anim-9:hover img:nth-child(9){
    -ms-transform: scale(0.7,0.7) rotateX(10deg); 
   	-webkit-transform:scale(0.7,0.7) rotateX(10deg);
    transform: scale(0.7,0.7) rotateX(10deg); 
	}
@media screen and (max-width:1300px) {
	.sim-anim-7 {height: 200px;}
}
@media screen and (max-width:996px) {
	.sim-anim-7 {height: 140px;}
}
@media screen and (max-width:760px) {
	.sim-anim-7 {height:240px;}
}